﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="Content/jquery.mobile.theme-1.2.0.min.css" rel="stylesheet" />
    <link href="Content/jquery.mobile-1.2.0.min.css" rel="stylesheet" />
</head>
<body>
    <div data-role="page" data-add-back-btn="true" id="interaction">

        <div data-role="header">
            <h1>photolab</h1>
        </div>


        <div data-role="content">

            <form data-ajax="false" action="index.html" method="get" >

                <div class="ui-body ui-body-b">
                    <fieldset class="ui-grid-a">
                                                <div class="ui-block-a">
                            <button type="submit" data-theme="a">avant</button></div>
                        <div class="ui-block-b">
                            <button type="submit" data-theme="a">apres</button></div>
                    </fieldset>
                </div>
            </form>
        </div>

        <div data-role="footer" data-position="fixed">
            <h4>&copy; projet IHM</h4>
        </div>

    </div>

    <script src="scripts/jquery-1.8.3.js"></script>
    <script src="scripts/jquery.mobile-1.2.0.js"></script>

    <!--<script src="scripts/jquery.mobile-1.2.0.min.js"></script>-->

    <!--<script src="scripts/code.photoswipe.jquery-3.0.5.min.js"></script>-->
</body>
</html>
